<template>
  <div>
    <p v-for="(item, index) in arr" :key="index">{{ item.q }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [],
    };
  },
  created() {
    fetch("https://www.baidu.com/sugrec?prod=pc&wd=a")
      .then((response) => response.json())
      .then((res) => (this.arr = res.g));
  },
  //   mounted() {
  //    console.log("news2组件被挂载了");
  //    console.log(this.$root);
  //    console.log(this.$parent);
  //   },
  //   beforeDestroy() {
  //     console.log("news2组件被卸载了");
  //   },
  //   activated() {
  //     console.log("news2组件欢迎您回来");
  //   },
  //   deactivated() {
  //     console.log("news2组件离开");
  //   },
};
</script>

<style></style>
